.drugRehabilit-container{
    width: 100%;
    height: 99%;
    display: flex;
    /* padding-left: 3%; */
    position: relative;
    padding-top: 50px;
}
.drug-top{
    width: 248px;
    height: 38px;
    background:url(../../../../assets/images/infostatic/bzBg.png);
    background-size: 100% 100%;
    position: relative;
    padding-left: 85px;
    letter-spacing: 1px;
}
i{
    color: #fff;
    font-style: normal;
    line-height: 38px;
}
i::before{
    position: absolute;
    content:"";
    width: 26px;
    height: 24px;
    background: url(../../../../assets/images/infostatic/biaozhi.png);
    background-size: 100% 100%;
    left: 45px;
    top: 5px;
}
.drug-bottom{
    width: 783px;
    height: 642px;
    margin-top: 63px;
    background: url(../../../../assets/images/infostatic/positioninfo-bg.png);
    background-size: 100% 100%;
    position: relative;
    margin-left: -12%;
}
.drug-right {
    margin-left: 10%;
    padding-top: 90px;
}
.drug-right-box {
    width: 390px;
    height: 282px;
    background: url(../../../../assets/images/infostatic/position-bgBox.png);
}
.drug-total{
    /* position: absolute; */
    width: 186px;
    height: 49px;
    line-height: 49px;
    /* background: url(../../../../assets/images/infostatic/envDivBg.png);
    background-size: 100% 100%; */
    color: #fff;
    border-radius:25px;
    margin-left: 28%;
}
.firstBox .spanBox{
    color: #2778FC;
    margin-right: 10px;
}
.spanRight {
    float: right;
}
.firstBox:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 7px;
    background-color: #2778FC;
    border-radius: 4px;
    margin-right: 18px;
}
.twoBox .spanBox{
    color: #C5CE41;
    margin-right: 10px;
}
.twoBox:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 7px;
    background-color: #C5CE41;
    border-radius: 4px;
    margin-right: 18px;
}
.threeBox .spanBox{
    color: #16E6FF;
    margin-right: 10px;
}
.threeBox:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 7px;
    background-color: #16E6FF;
    border-radius: 4px;
    margin-right: 18px;
}
.fourBox .spanBox{
    color: #9467FC;
    margin-right: 10px;
}
.fourBox:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 7px;
    background-color: #9467FC;
    border-radius: 4px;
    margin-right: 18px;
}
.change-box {
    width: 36px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    background:rgba(39,120,252,0.5);
    border-radius: 2px;
    cursor: pointer;
}


@media screen and (min-width:1281px) and (max-width:1366px) {
    .drug-bottom {
        transform: scale(0.65);
        margin-top: -78px;
        margin-left: -26%;
    }
    .drug-right {
        transform: scale(0.65);
        margin-left: -10%;
        padding-top: 0px;
    }
    .drugRehabilit-container {
        padding-top: 0px;
    }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
    .drug-bottom {
        transform: scale(0.8);
        margin-top: -38px;
        margin-left: -18%;
    }
    .drug-right {
        transform: scale(0.8);
        margin-left: -6%;
        padding-top: 20px;
    }
    .drugRehabilit-container {
        padding-top: 20px;
    }
}
@media screen and (min-width:1441px) and (max-width:1679px) {
    .drug-bottom {
        transform: scale(0.8);
        margin-top: -38px;
    }
    .drug-right {
        transform: scale(0.8);
        margin-left: 0%;
        padding-top: 20px;
    }
    .drugRehabilit-container {
        padding-top: 20px;
    }
}
@media screen and (min-width:1680px) and (max-width:1900px){
    .drug-bottom {
        transform: scale(0.9);
    }
    .drug-right {
        margin-left: 5%;
    }
}